// 封装分类数据相关业务代码
import { getCategoryAPI } from '@/apis/category'
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'

import { onBeforeRouteUpdate } from 'vue-router'


export const useCategory = () => {
  const categoryList = ref({})
const route = useRoute()

const getCategory = async (id = route.params.id) => {
  const res = await getCategoryAPI(id)
  categoryList.value = res.result
}

onMounted(() => {
  getCategory()
})

// 需求：路由参数变化时，可以把分类数据接口重新发送
onBeforeRouteUpdate((to) => {
  // 存在问题：需要使用最新的路由参数请求最新的分类数据,使用to获取路由参数
  getCategory(to.params.id)
})
  return {
    categoryList,
  }
}